<template>
  <view class="empty" :style="{ paddingTop: top }">
    <image class="icon" src="/static/icon/empty.png"></image>
    <view class="title">{{title}}</view>
  </view>
</template>

<script>
  export default {
    name: 'empty',
    props: {
      title: {
        type: String,
        default: '暂无数据'
      },
      top: {
        type: String,
        default: '0'
      }
    }
  }
</script>

<style lang="scss">
.empty {
  overflow: hidden;
  @include flex(column);
  .icon {
    width: 150rpx;
    height: 100rpx;
    margin-bottom: 12rpx;
  }
  .title {
    font-size: 24rpx;
    color: #999;
    line-height: 1.2;
  }
}
</style>